.ace-common-floor-row {
  max-width: 100% !important;
  padding: 0 !important
}

.ace-module-tianchi-learning-route {
  width: 100%;
  background: url(https://paddlepaddle-org-cn.cdn.bcebos.com/paddle-site-front/static/media/paddle-developer-banner.65960205.png) no-repeat 50%;
  background-size: cover
}

.ace-module-tianchi-learning-route a {
  text-decoration: none !important
}

.ace-module-tianchi-learning-route .tianchi-learning-header {
  display: none
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container {
  width: 1180px;
  min-height: 330px;
  margin: 0 auto
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .course-circle-online {
  height: 7px;
  width: 7px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px 1px #ff6a00;   /* 已上线圆心点外轮廓阴影部分 */
  background-color: #fff;
  margin: 0 6px 0 -4px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .course-circle-notonline {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #ff6a00;
  background-color: #ff6a00;
  margin: 0 6px 0 -4px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content {
  width: 100%;
  height: 100%;
  padding: 35px 0 20px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree {
  display: flex;
  align-items: center
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left {
  flex: 1;
  display: flex;
  min-height: 230px;
  align-items: center;
  overflow-x: auto;
  padding: 8px 0
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 214px;
  width: 28px;
  background-image: linear-gradient(90deg, #ff6a00 1%, #ff9524);
  border-radius: 14px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-title span {
  width: 14px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-line {
  height: 2px;
  /* background: #ff6a00;
  background-color: #ff6a00; 大横线*/
  background: #ffffff;
  background-color: #ffffff;
  width: calc(100% - 158px);
  position: relative
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-line img {
  width: 27px;
  position: absolute;
  left: 2px;
  top: -32px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common {
  flex: 1;
  display: flex
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box {
  width: 160px;
  position: relative;
  display: flex;
  align-items: flex-end
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one {
  display: flex
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-curve {
  width: 24px;
  /* border: 1px solid #ff6a00; 圆弧线*/
  border: 1px solid #ffffff;
  border-radius: 0 0 24px 0
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list {
  display: inline-block
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list li {
  margin-bottom: 12px;
  height: 16px;
  display: flex;
  align-items: center
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .tree-content-title {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  /* color: #373d41; */
  color: #ffffff;
  line-height: 16px;
  position: relative
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .tree-content-course {
  position: relative
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .tree-content-course a {
  width: 140px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #ff6a00;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (min-width:769px) {
  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .tree-content-online:hover a {
    padding: 2px 6px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(255, 106, 0, .5);
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    left: 4px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .tree-content-course-notonline a {
    color: #969696;
    cursor: default
  }
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .title-circle {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff6a00;
  margin: 0 6px 0 -6px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tree-content-list .title-circle span {
  display: block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #ff6a00;
  background-color: #ff6a00
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-top {
  padding-left: 20px;
  align-items: flex-end
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-top .tianchi-tree-detail-box {
  bottom: -1px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-top .tianchi-tree-detail-box .tianchi-tree-curve {
  border-top: none;
  border-left: 1px solid transparent
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-top .tianchi-tree-detail-box .tree-content-list .tree-content-title {
  top: -5px;
  margin-bottom: 6px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom {
  padding-left: 35px;
  align-items: flex-start
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box {
  top: -1px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-curve {
  border-radius: 0 24px 0 0;
  border-bottom: none;
  border-left: 1px solid transparent
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tree-content-list li {
  margin: 12px 0 0
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tree-content-list .tree-content-title {
  bottom: -5px;
  margin-top: 6px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .even-numbers .tianchi-tree-detail-box:last-child {
  margin-left: -12px
}

@media only screen and (min-width:769px) {
  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-right {
    height: 118px;
    width: 28px;
    margin-left: 20px;
    flex-shrink: 0;
    border: 1px solid #ff6a00;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-right span {
    width: 13px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #ff6a00;
    line-height: 16px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-right img {
    width: 12px;
    margin-top: 8px
  }
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-bottom {
  height: 28px;
  width: 190px;
  margin-top: 28px;
  background-image: linear-gradient(90deg, #dedede, #d8d8d8 42%, hsla(0, 0%, 87%, .1));
  display: flex;
  align-items: center
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-bottom li {
  display: flex;
  align-items: center
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-bottom li .course-circle-online {
  margin-left: 12px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-bottom li:first-child {
  margin-right: 24px
}

.ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-bottom li span {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #73777a
}

@media only screen and (max-width:768px) {
  .ace-module-tianchi-learning-route .tianchi-learning-header {
    display: block;
    background-color: #383d42;
    color: #fff;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    font-weight: 700
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container {
    width: 100%
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content {
    padding: 28px 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree {
    flex-direction: column
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left {
    width: 100%;
    flex-direction: column;
    overflow-x: inherit
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-title {
    height: 44px;
    width: 284px;
    background-image: linear-gradient(90deg, #ff6a00 1%, #ff9524);
    border-radius: 17px;
    font-size: 16px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-title span {
    width: auto
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail {
    width: 100%;
    display: flex;
    flex-direction: row-reverse
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common {
    display: block
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box {
    margin-top: 30px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tianchi-tree-curve {
    border: none;
    border-top: 2px solid #ff6a00;
    border-right: 1px solid #ff6a00;
    border-radius: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list {
    margin-top: -3px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-title {
    font-weight: 700;
    font-family: PingFangSC-Medium;
    margin-bottom: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-title .title-circle {
    width: 13px;
    height: 13px;
    margin: 0 6px 0 -7px;
    background: #fff
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course {
    margin-top: 15px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course a {
    width: 200px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course .course-circle-notonline, .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course .course-circle-online {
    width: 9px;
    height: 9px;
    margin: 0 6px 0 -5px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course-notonline a {
    color: #969696;
    cursor: default
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-common .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list li:last-child {
    margin-bottom: -4px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-top {
    padding: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-top .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course:nth-of-type(2) {
    margin-top: 10px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom {
    padding: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box {
    width: 100%
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one {
    width: 100%;
    flex-direction: row-reverse
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tianchi-tree-curve {
    border-left: 1px solid #ff6a00;
    border-right: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list {
    position: relative
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list li {
    flex-direction: row-reverse
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course {
    margin: 19px 0 -4px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course .course-circle-notonline, .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course .course-circle-online {
    margin: 0 -5px 0 5px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course a {
    text-align: right
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-course:first-of-type {
    margin-top: 27px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-title {
    position: absolute;
    top: -11px;
    right: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box .tianchi-tree-detail-one .tree-content-list .tree-content-title .title-circle {
    margin: 0 -7px 0 5px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box:first-child {
    margin-top: 60px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-bottom .tianchi-tree-detail-box:last-child {
    margin-left: 0
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-line {
    width: 2px;
    height: auto
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-left .tianchi-tree-detail .tianchi-tree-detail-line img {
    display: none
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-right {
    height: 30px;
    width: 126px;
    border: 1px solid #ff6a00;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-right span {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #ff6a00;
    line-height: 16px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-top-tree .tianchi-tree-right img {
    width: 12px;
    margin-left: 8px
  }

  .ace-module-tianchi-learning-route .tianchi-learning-route-container .tianchi-learning-route-content .tianchi-learning-bottom {
    background: #dedede;
    margin: 25px auto
  }
}

@media screen and (max-width:414px) {
  .tree-content-course a {
    width: 160px !important
  }
}

@media screen and (max-width:375px) {
  .tree-content-course a {
    width: 150px !important
  }
}

@media screen and (max-width:332px) {
  .tree-content-course a {
    width: 120px !important
  }
}

.ace-common-floor-row {
  max-width: 100% !important;
  padding: 0 !important
}

.ace-tianchi-ai-learning-route {
  background: #f9f9f9;
  padding: 50px 0
}

.ace-tianchi-ai-learning-route a {
  text-decoration: none !important
}

.ace-tianchi-ai-learning-route .tianchi-common-container {
  width: 1180px;
  margin: 0 auto
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-title {
  font-family: PingFangSC-Regular;
  font-size: 28px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-subtitle {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  margin: 10px 0 30px
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab {
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab li {
  flex: 1;
  margin: 0 10px;
  height: 80px;
  padding-left: 15px;
  transform: all .1s;
  cursor: pointer
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab li span {
  display: block;
  text-align: left
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab li span:first-child {
  font-family: PingFangSC-Medium;
  font-size: 20px;
  color: #fff;
  line-height: 24px;
  margin: 14px 0 4px
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab li span:last-child {
  opacity: .8;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fff;
  text-align: justify;
  line-height: 24px
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab li:first-child {
  margin-left: 0
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab li:last-child {
  margin-right: 0
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-top-tab .active-slide {
  height: 100%
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list {
  min-height: 300px
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list .show-card-box {
  display: block
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul {
  display: none
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li {
  height: 92px;
  background: #f4f4f4;
  cursor: pointer;
  position: relative
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li a {
  height: 100%;
  padding: 0 100px 0 32px;
  display: flex;
  align-items: center
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li:nth-child(odd) {
  background: #fff
}

@media only screen and (min-width:769px) {
  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li:hover {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .13);
    background-color: #fff;
    z-index: 99
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li:hover .hovering-arrow {
    z-index: 99
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li:hover .hover-line {
    display: block
  }
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li span {
  display: inline-block;
  text-align: left;
  flex-shrink: 0
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li .hover-line {
  height: 100%;
  width: 4px;
  background-image: linear-gradient(0deg, #ff6a00 1%, #ff9524);
  position: absolute;
  left: 0;
  display: none
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li .course-name {
  font-family: PingFangSC-Medium;
  font-size: 20px;
  line-height: 30px;
  color: #373d41;
  width: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li .course-introduce {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  line-height: 22px;
  color: #373d41;
  width: 65%;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li .course-time {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999;
  text-align: right
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li img {
  position: absolute;
  right: 32px;
  width: 10px
}

.ace-tianchi-ai-learning-route .tianchi-common-container .module-course-bottom-list ul li .default-arrow {
  z-index: 9
}

@media screen and (max-width:414px) {
  .ace-tianchi-ai-learning-route .left-detail {
    width: 300px !important
  }
}

@media screen and (max-width:375px) {
  .ace-tianchi-ai-learning-route .left-detail {
    width: 250px !important
  }
}

@media screen and (max-width:332px) {
  .ace-tianchi-ai-learning-route .left-detail {
    width: 200px !important
  }
}

@media only screen and (max-width:768px) {
  .ace-tianchi-ai-learning-route {
    padding: 25px 17px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container {
    width: 100%
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-title {
    font-size: 16px;
    line-height: 22px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-subtitle {
    margin: 12px 0 30px;
    font-size: 12px;
    line-height: 16px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab {
    display: flex;
    height: auto;
    flex-wrap: wrap
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab li {
    flex: auto;
    margin: 0 0 10px;
    width: 45%;
    height: 52px;
    padding-left: 8px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab li span:first-child {
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0 5px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab li span:last-child {
    font-size: 12px;
    line-height: 14px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab li:nth-child(odd) {
    margin-right: 10px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab .active-slide {
    height: 62px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-top-tab .active-slide span:first-child {
    margin: 16px 0 5px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li {
    height: 50px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a {
    padding: 0 15px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a .left-detail span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a .left-detail .course-name {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 17px;
    color: #373d41
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a .left-detail .course-introduce {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #373d41
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a .course-time {
    display: block;
    font-size: 12px;
    padding-right: 10px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a img {
    width: 6px;
    right: 10px;
    top: 21px
  }

  .ace-tianchi-ai-learning-route .tianchi-common-container .module-course-box .module-course-bottom-list .card-box li a .hovering-arrow {
    display: none
  }
}